<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">

    <title>Lotus</title>

  <meta name="viewport" content="width=device-width,  initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

  <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->



<link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>


 
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/media.css" rel="stylesheet">
<link href="css/bxslider.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/prettyphoto.css" />
<link rel="stylesheet" media="screen" href="css/sequencejs-theme.modern-slide-in.css" />
		
		
</head>

<body>


<div class="sliderbg">


<div class="phone">
<p>Contact Phone: +99 861 440 210</p>
</div>


<header class="menuwrapperdesktop">

<div class="container">
<div class="row">


<section class="logo span3">
<a href="#"><img src="images/logo.png" alt="logo"></a>
</section>


<nav class="menudesktop span9">
  
<ul id="menu">
<li class="menu1">
		<a class="mainmenu" href="index-2.html">Home</a>
		<ul>
<li><a href="index-2.html">Home Paralax</a></li>
<li><a href="index2.html">Home Paralax 2</a></li>      
<li><a href="index3.html">Home Camera</a></li>   
					
		</ul>
	</li>
	

<li class="menu1">
		<a class="mainmenu" href="about.html">About</a>
		<ul>
			
			<li><a href="about.html">About Us</a></li>
			  <li><a href="about2.html">About Us 2</a></li>                      
			
		</ul>


	</li>
	<li class="menu1">
		<a class="mainmenu" href="#">Pages</a>
		<ul>
			
			<li><a href="services.html">Services</a></li>
			  <li><a href="special.html">Special</a></li>                      
			
		</ul>
	</li>
<li class="menu1">
		<a class="mainmenu" href="gallery1.html">portfolio</a>
		<ul>
			
			<li><a href="gallery1.html">Gallery 1</a></li>
			  <li><a href="gallery2.html">Gallery 2</a></li>                      
			
		</ul>
	</li>
            <li class="menu1">
                <a class="mainmenu" href="blog.html">Blog</a>
		<ul>
                 <li><a href="blog.html">Blog</a></li>
			  <li><a href="blogdetails.html">Blog details</a></li>     
		</ul>
	</li>

     <li class="menu1">
                <a class="mainmenu mainmenulast" href="contact.html">contact</a>
		<ul>
		</ul>
	</li>
            

</ul>

</nav>  


</div>  </div>  
 </header>  <!--/menudesktop end--> 




<header class="menuwrappermobile">
<div class="container">
<div class="row">


<section class="span12 logo">
<a href="#"><img src="images/logo.png" alt="logo"></a>
</section>
 </div> 

<div class="row">

  
<nav class="menuwrappermobile">

<div class="accordion span12" id="mycolapsible">

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseOne">
Homepages
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
<a href="index-2.html">Home Paralax</a>
</div>
<div class="accordion-inner">
<a href="index2.html">Home Paralax 2</a>
</div>
<div class="accordion-inner">
<a href="index3.html">Home Camera</a>
</div>


</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseTwo">
About
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
<a href="about.html">About us</a>
</div>
<div class="accordion-inner">
<a href="about2.html">About us 2</a>
</div>


</div>
</div>

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseThree">
Pages
</a>
</div>
<div id="collapseThree" class="accordion-body collapse">
<div class="accordion-inner">
<a href="gallery1.html">Portfolio</a>
</div>
<div class="accordion-inner">
<a href="gallery2.html">Portfolio 2</a>
</div>
<div class="accordion-inner">
<a href="special.html">Special</a>
</div>
<div class="accordion-inner">
<a href="services.html">Services</a>
</div>


</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseFour">
Blog pages
</a>
</div>
<div id="collapseFour" class="accordion-body collapse">
<div class="accordion-inner">
<a href="blog.html">Blog</a>
</div>
<div class="accordion-inner">
<a href="blogdetails.html">Blog Details</a>
</div>

</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseFive">
Contact
</a>
</div>
<div id="collapseFive" class="accordion-body collapse">
<div class="accordion-inner">
<a href="contact.html">Contact</a>
</div>


</div>
</div>


</div></nav>


 </div> 

 </div> 
 </header> 
<!--/menumbile end--> 




<div class="sequence-theme">
			<div id="sequence">


				<img class="sequence-prev" src="images/prev.png" alt="Previous Frame" />
				<img class="sequence-next" src="images/next.png" alt="Next Frame" />
                               
				<ul class="sequence-canvas" >
					<li class="animate-in">
						<h2 class="title">spa and wellness</h2>
						<h3 class="subtitle">premium website template</h3>
<p class="subtitle1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.<span>Lorem ipsum dolor sit amet</span> consectetuer adipiscing elit, sed diam nonummy nibh 
euismod tincidunt </p>


<section class="button1 buttonslider">
<a href="http://themeforest.net/user/rayoflightt/portfolio">read more</a>
</section>



<img class="model" src="images/model1.png" alt="Model 1" />
					</li>
					<li>
						<h2 class="title">spa and wellness</h2>
						<h3 class="subtitle">premium website template</h3>
                                                 <p class="subtitle1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt <span>ut laoreet dolore magna</span> aliquam erat volutpat. Ut wisi enim ad minim veniam.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
euismod tincidunt </p>

<section class="button1 buttonslider">
<a href="http://themeforest.net/user/rayoflightt/portfolio">read more</a>
</section>
<img class="model" src="images/model2.png" alt="Model 2" />
					</li>
					<li>
						<h2 class="title">spa and wellness</h2>
						<h3 class="subtitle">premium website template</h3>
<p class="subtitle1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet <span>dolore magna aliquam erat</span> volutpat. Ut wisi enim ad minim veniam.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
euismod tincidunt </p>	

<section class="button1 buttonslider">
<a href="http://themeforest.net/user/rayoflightt/portfolio">read more</a>
</section>					

<img class="model" src="images/model3.png" alt="Model 3" />
					</li>
				</ul>




				<div class="sequence-pagination">
					<div class="paginationslider"></div>
					<div class="paginationslider"></div>
					<div class="paginationslider"></div>
				</div>

			</div></div>
</div>




<div class="underslider">
 <p>Youth is happy because it has the capacity to see beauty. Anyone who keeps the ability to see beauty never grows old. 
</p>
</div>



<div class="container">
<div class="row">

<div class="span4 spacolumn">

<div class="spaheadline">
<h3>Spa terapy</h3>
</div>

<h6>- Lorem ipsum dolor sit amet -</h6>

<div class="circleimage1">
<div class="circlebg">
</div>
</div>


<div class="decoration">
</div>

<p>
Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut. Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.
</p>

<section class="button1">
<a href="#">read more</a>
</section>

</div><!--/span4 end--> 


<div class="span4">
<div class=" middlecolumn">

<h4>Daily Special</h4>
<h6>- Lorem ipsum dolor sit amet -</h6>



<div class="bxwrap1">
<ul id="bxslider1">
<li> 
<img src="images/smallslider1.png" alt=""/> 
<div class="pricebg"><p> $5</p></div>
<p>
Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod.
</p>

</li> 

<li> 
<img src="images/smallslider1.png" alt=""/> 
<div class="pricebg"><p> $10</p></div>
<p>
Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod.
</p>

</li> 

<li> 
<img src="images/smallslider1.png" alt=""/>
<div class="pricebg"><p> $20</p></div>
<p>
Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod.
</p>
 
</li> 

</ul> 

</div> 

<section class="button2">
<a href="#">read more</a>
</section>


<section class="sendgift">
<a href="#">send gift</a>
</section>

</div>
</div><!--/span4 end--> 




<div class="span4 spacolumn">


<div class="spaheadline">
<h3>Wellness</h3>
</div>

<h6>- Lorem ipsum dolor sit amet -</h6>


<div class="circleimage2">
</div>


<div class="decoration">
</div>

<p>
Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation.
</p>

<section class="button1">
<a href="#">read more</a>
</section>

</div><!--/span4 end--> 


</div><!--/row end--> 



<div class="row">

<div class="span6">


<div class="columnheadline">
<h3><span>lorem ipsum</span></h3>
</div>


<div class="accordion1" id="accordion2">


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse1">
About us
</a>
</div>
<div id="collapse1" class="accordion-body collapse in">
<div class="accordion-inner1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat .
</div>
</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse2">
Business hours
</a>
</div>
<div id="collapse2" class="accordion-body collapse">
<div class="accordion-inner1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat .
</div>
</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse3">
Contact
</a>
</div>
<div id="collapse3" class="accordion-body collapse">
<div class="accordion-inner1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat .
</div>
</div>
</div>

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse4">
Reservation
</a>
</div>
<div id="collapse4" class="accordion-body collapse">
<div class="accordion-inner1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat .
</div>
</div>
</div>

</div>



</div><!--/span6 end--> 


<div class="span6">



<div class="columnheadline">
<h3><span>recent news</span></h3>
</div>

<div class="row">



<div class=" span6 recentnewsrow">

<a href="#" class="ch-gridwrapper">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info">
<p>14<br><span>mart<br> 2013</span></p>
</div>
</div>
</li>
</ul>
</a>		

<h4>Lorem ipsum dolor</h4>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat 
</p>
</div>
</div><!--/span6 end--> 


<div class="row">
<div class="span6 recentnewsrow">

<a href="#" class="ch-gridwrapper">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-2">
<div class="ch-info">
<p>13<br><span>mart<br> 2013</span></p>
</div>
</div>
</li>
</ul>
</a>		

<h4>Lorem ipsum dolor</h4>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat 
</p>
</div>

</div>


<div class="row">
<div class="span6 recentnewsrow">

<a href="#" class="ch-gridwrapper">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-2">
<div class="ch-info">
<p>13<br><span>mart<br> 2013</span></p>
</div>
</div>
</li>
</ul>
</a>		

<h4>Lorem ipsum dolor</h4>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat 
</p>
</div>


</div><!--/span6 end--> 

</div>



</div>


</div> 



<footer class="footer">

<div class="container">
<div class="row">



<div class="span4">

<div class="footerheadline">
<h4>Testimonials</h4>
</div>

<div class="testimonial">
<p class="testimonialbg">
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna. "
</p>
<p  class="testimonialname">John Doe</p>
</div>


<p class="testimonialbg">
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna. "
</p>
<p  class="testimonialname">John Doe</p>

</div>


<div class="span4">

<div class="footerheadline">
<h4>Latest Tweets</h4>
</div>


<div class="tweet">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>

<div class="tweet">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>

<div class="tweet tweetlast">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>


</div>

<div class="span4">

<div class="footerheadline">
<h4>Tag Cloud</h4>
</div>

<p class="blogtags">
<span><a href="#">Beauty</a></span>
<span><a href="#">Spa</a></span>	
<span><a href="#">Wellness</a></span>
<span><a href="#">Terapy</a></span>
<span><a href="#">Massage</a></span>	
<span><a href="#">Paraffin</a></span>
<span><a href="#">Beauty</a></span>
<span><a href="#">Spa</a></span>	
<span><a href="#">Wellness</a></span>				
</p>

<div class="footerheadline1">
<h4>Newsletters</h4>
<p>Lorem ipsum dolor sit amet</p>
</div>



<div class="subscribefieldwrapper"><!--/subscribe-form--> 
<form method="post" action="http://spatheme.appspot.com/submit.php">
<div>

<input type="text" placeholder="enter your email..." name="email" id="emailsubmit" 

class="subscribefield" />

<input type="submit"  name="subscribe"  id="subscribe" value="Subscribe" class="buttonsubscribe"/>
<ul id="response1"></ul>
   

</div>
</form>

    </div><!--/subscribe-form-end--> 




</div>



</div> </div> 
</footer> 


<div class="bottom"> 

 <div class="container"> 
 <div class="row"> 
<section class="icons span4">  
   <a href="#"><div class="item"><div><i class="icontwitter"></i></div></div></a>   
  <a href="http://www.facebook.com/pages/Rayoflight/408688349185439"><div class="item"><div><i class="iconfacebook"></i></div></div></a>       
  <a href="#"><div class="item"><div><i class="icongoogle"></i></div></div></a>  
 <a href="#"><div class="item"><div><i class="iconrss"></i></div></div></a>  
 <a href="#"><div class="item"><div><i class="iconskype"></i></div></div></a>  
  <a href="#"><div class="item"><div><i class="iconyoutube"></i></div></div></a>  
 
</section> 


<section class="span4 copyright">  
<p>&copy; 2013. <a href="http://themeforest.net/user/miciana1417/portfolio">lotus</a> All rights reserved.</p>
</section> 


<section class="span4">  
<a href="javascript:scrollToTop()" title="top of page"><div class="topofpage"></div></a>
</section> 

 </div> </div>


</div> 



<script type="text/javascript" src="js/jquery.js"></script><!--jquery script-->
<script type="text/javascript" src="js/jquery-migrate.js"></script><!--jquery script-->


<script>//<![CDATA[
$('html, body').ready(function() {
var options = {
thumbs:false,
nextButton: false,
prevButton: false,
pagination: true,
animateStartingFrameIn: true,
autoPlay: true,
autoPlayDelay: 3000,
preloader: true,
preloadTheseFrames: [1],
preloadTheseImages: [
"images/smalldot1.png"
]
};
var mySequence = $("#sequence").sequence(options).data("sequence");
});
//]]></script>



<script>//<![CDATA[
$('html, body').ready(function(){
jQuery('#mycollapsible').collapse("hide");
//]]></script>



<script>//<![CDATA[
$('html, body').ready(function(){
jQuery('#bxslider1').bxSlider();
});
//]]></script>

<script>//<![CDATA[
function scrollToTop() {
$('html, body').animate({scrollTop:0}, 'slow');
}
//]]></script>


<script src="js/jquery.sequence.js"></script>
<script src="js/jquery.bxslider.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>		
		

</body>
</html>
